<template>
  <div class="em_box">
    <!-- 机电科 -->
    <section class="content">
      <div class="model_title">t4环安能耗-机电科</div>

      <div class="echart_card">
        <p>
          本期机电科共耗电
          {{
            queryelectromechanicalElectricityDesc[0] &&
            queryelectromechanicalElectricityDesc[0].allValue
          }}
          kWh，其中组成如下
        </p>
        <div class="card_title">冰水系统和空压机用电量</div>
        <div class="echarts_data">
          <vechart :options="piesColdwaterData" />
        </div>
      </div>

      <div class="echart_card">
        <div class="card_title">PV 压力曲线</div>
        <div class="echarts_data">
          <vechart :options="emlineOptionData" />
        </div>
      </div>
      <div class="echart_card">
        <div class="card_title">CDA系统运行-本期主管压力趋势</div>
        <div class="echarts_data">
          <vechart :options="cdaSystemOptionData" />
        </div>
      </div>
      <div class="echart_card">
        <div class="card_title">CDA系统运行-本期露点温度趋势</div>
        <div class="echarts_data">
          <vechart :options="temperatureOptionData" />
        </div>
      </div>
      <div class="echart_card">
        <p>
          从BOV关闭度上看，HCDA系统平均BOV关闭度在(0,
          70%)和(70%,100%)的时间占比分别为{{
            queryBovPercentageDesc.hcda && queryBovPercentageDesc.hcda.value70
          }}%和{{
            queryBovPercentageDesc.hcda && queryBovPercentageDesc.hcda.value100
          }}%，运行状态{{
            queryBovPercentageDesc.hcda && queryBovPercentageDesc.hcda.name
          }}；LCDA系统平均BOV关闭度在(0, 70%)和(70%,100%)的时间占比分别为{{
            queryBovPercentageDesc.lcda && queryBovPercentageDesc.lcda.value70
          }}%和{{
            queryBovPercentageDesc.lcda && queryBovPercentageDesc.lcda.value100
          }}%，运行状态{{
            queryBovPercentageDesc.lcda && queryBovPercentageDesc.lcda.name
          }}；
        </p>
        <div class="card_title">主机BOV关闭度历史占比分析</div>
        <div class="echarts_data">
          <vechart :options="bovOptionData" />
        </div>
      </div>

      <div class="echart_card">
        <p>
          从CDA转化率来看，HCDA转化率>6 m3/kWh的时间占比为
          {{ queryHcdaAndLcdaDataDesc.hcdaProportion }} %，工况
          {{ queryHcdaAndLcdaDataDesc.hcdaRemark }} ; LCDA转化率>7
          m3/kWh的的时间占比为
          {{ queryHcdaAndLcdaDataDesc.lcdaProportion }} %，工况
          {{ queryHcdaAndLcdaDataDesc.lcdaRemark }}。
        </p>
        <div class="card_title">CDA转化率趋势</div>
        <div class="echarts_data">
          <vechart :options="ConversionRateTrendOption" />
        </div>
      </div>

      <div class="echart_card">
        <p>CDA末端流量变化趋势呈现以下特点：</p>
        <div class="card_title">CDA末端流量趋势分析</div>
        <div class="cda_height">
          <h3 class="clean_title">LCDA</h3>
          <div class="items_chart">
            <vechart :options="lcdaOptionObjData" />
          </div>
          <h3 class="clean_title">HCDA</h3>
          <div class="items_chart">
            <vechart :options="hcdaOptionObjData" />
          </div>
          <h3 class="clean_title">CDA</h3>
          <div class="items_chart">
            <vechart :options="cdaOptionObjData" />
          </div>
        </div>
      </div>

      <!-- AI能耗报告-->
      <div class="echart_card">
        <div class="card_title">AI能耗报告</div>
        <div class="cda_height">
          <p>
            本期AI开机建议系统的运转情况如下，本期累计节能{{
              queryHcdaStartupSuggestiondataObj.allectricity &&
              queryHcdaStartupSuggestiondataObj.allectricity[0]
            }}kWh，节能比例{{
              queryHcdaStartupSuggestiondataObj.eprecentage &&
              queryHcdaStartupSuggestiondataObj.eprecentage[0]
            }}%。
          </p>
          <h3 class="clean_title">高压压缩空气系统节能趋势分析</h3>
          <div class="items_chart">
            <vechart :options="heighkongyaData" />
          </div>
          <p>
            本期AI开机建议系统的运转情况如下，本期累计节能{{
              queryLcdaStartupSuggestiondataObj.allectricity &&
              queryLcdaStartupSuggestiondataObj.allectricity[0]
            }}kWh，节能比例{{
              queryLcdaStartupSuggestiondataObj.eprecentage &&
              queryLcdaStartupSuggestiondataObj.eprecentage[0]
            }}%。
          </p>
          <h3 class="clean_title">低压压缩空气系统节能趋势分析</h3>
          <div class="items_chart">
            <vechart :options="lowkongyaData" />
          </div>
        </div>
      </div>
      <!-- 中低温系统节能趋势 -->
      <div class="echart_card">
        <div class="card_title">中、低温系统节能趋势</div>
        <div class="cda_height">
          <p>
            本期AI开机建议系统的运转情况如下，本期累计节能{{
              queryMiddleStartupSuggestiondataObj.allectricity &&
              queryMiddleStartupSuggestiondataObj.allectricity[0]
            }}kWh，节能比例{{
              queryMiddleStartupSuggestiondataObj.eprecentage &&
              queryMiddleStartupSuggestiondataObj.eprecentage[0]
            }}%。
          </p>
          <h3 class="clean_title">中温冰水系统节能趋势分析</h3>
          <div class="items_chart">
            <vechart :options="centerkongyaData" />
          </div>
          <p>
            本期AI开机建议系统的运转情况如下，本期累计节能{{
              queryLoweerStartupSuggestiondataObj.allectricity &&
              queryLoweerStartupSuggestiondataObj.allectricity[0]
            }}kWh，节能比例{{
              queryLoweerStartupSuggestiondataObj.eprecentage &&
              queryLoweerStartupSuggestiondataObj.eprecentage[0]
            }}%。
          </p>
          <h3 class="clean_title">低温冰水系统节能趋势分析</h3>
          <div class="items_chart">
            <vechart :options="lowtemperaturedata" />
          </div>
        </div>
      </div>
      <!-- CDA系统与LCDA系统运行时长分析-->
      <div class="echart_card">
        <p>本期HCDA系统与LCDA系统实际运行时长与AI推荐运行时长对比如下：</p>
        <div class="card_title">HCDA系统与LCDA系统运行时长分析</div>
        <div class="cda_height">
          <h3 class="clean_title">HCDA实际与AI推荐主机运行时长</h3>
          <div class="items_chart">
            <vechart :options="hcdarunData" />
          </div>

          <h3 class="clean_title">LCDA实际与AI推荐主机运行时长</h3>
          <div class="items_chart">
            <vechart :options="lcdarunData" />
          </div>
          <p class="padding">
            {{ queryHcdaRunTimeObj2.result }}；{{
              queryLcdaRunTimeObj.result
            }}。
          </p>
        </div>
      </div>
      <!-- 中低温系统运行时长分析-->
      <div class="echart_card">
        <p>本期中低温系统运行时长分析实际运行时长与AI推荐运行时长对比如下：</p>
        <div class="card_title">中温系统与LCDA系统运行时长分析</div>
        <div class="cda_height">
          <h3 class="clean_title">中温实际与AI推荐主机运行时长</h3>
          <div class="items_chart">
            <vechart :options="Middletime" />
          </div>

          <h3 class="clean_title">低温实际与AI推荐主机运行时长</h3>
          <div class="items_chart">
            <vechart :options="Lowtime" />
          </div>
          <p class="padding">
            {{ queryMiddletime.result }}；{{ queryLowtime.result }}。
          </p>
        </div>
      </div>

      <div class="echart_card">
        <div class="card_title">冰水能耗报告</div>
        <div class="cda_height">
          <h3 class="clean_title">主机COP历史占比分析</h3>
          <div class="items_chart">
            <vechart :options="HostCOPHistoricalData" />
          </div>
          <h3 class="clean_title">系统COP能效趋势分析</h3>
          <div class="items_chart">
            <vechart :options="syscopData" />
          </div>
          <h3 class="clean_title">系统制冷负荷趋势分析</h3>
          <div class="items_chart">
            <vechart :options="sysColdData" />
          </div>
        </div>
        <p>
          从中温系统主机COP的取值分布来看，平均COP>6的时间占比为
          {{
            queryCopPercentageDesc.middle && queryCopPercentageDesc.middle.value
          }}
          %，系统运行
          {{
            queryCopPercentageDesc.middle && queryCopPercentageDesc.middle.name
          }}；
        </p>
        <p>
          从低温系统主机COP的取值分布来看，平均COP>6的时间占比为
          {{ queryCopPercentageDesc.low && queryCopPercentageDesc.low.value }}
          %，系统运行
          {{ queryCopPercentageDesc.low && queryCopPercentageDesc.low.name }}。
        </p>
      </div>
      <div class="echart_card">
        <p>中温冰机末端流量呈以下变化趋势：</p>
        <div class="card_title">中温冰机末端流量趋势分析</div>
        <div class="echarts_data">
          <vechart :options="centerOptionObjData" />
        </div>
      </div>

      <div class="echart_card">
        <p>
          总体来说，本期内机电科运转正常，共发生一级报警{{
            electromechanicalList[0].allNum
          }}次，已处理{{ electromechanicalList[0].endNum }}次，处理率{{
            electromechanicalList[0].value
          }}%。
        </p>
        <div class="card_title">机电科FMCS本期一级报警记录</div>
        <div class="echarts_data1 table_data">
          <mytable :mydata="tableData"></mytable>
        </div>
      </div>
    </section>
  </div>
</template>
<script>
import apis from "@/api/api.js";
import lowkongya from "../jsonmodule/emjson/lowkongya.json";
import lowtemperature from "../jsonmodule/emjson/lowtemperature.json";
import centerAI from "../jsonmodule/emjson/centerAI.json";
import heighkongya from "../jsonmodule/emjson/heighkongya.json";
import lcdarun from "../jsonmodule/emjson/lcdarun.json";
import hcdarun from "../jsonmodule/emjson/hcdarun.json";
import piesColdwater from "../jsonmodule/emjson/piesColdwater.json";
import emlineOption from "../jsonmodule/emjson/emlineOption.json";
import singleLine from "../jsonmodule/emjson/singleLine.json";
import cdalineOption from "../jsonmodule/emjson/cdalineOption.json";
import emtemperatureOption from "../jsonmodule/emjson/emtemperatureOption.json";
import bovOption from "../jsonmodule/emjson/bovOption.json";
import HostCOPHistoricalOption from "../jsonmodule/emjson/HostCOPHistoricalOption.json";
import centerOption from "../jsonmodule/emjson/centerOption.json";
import lcdaOption from "../jsonmodule/emjson/lcdaOption.json";
import hcdaOption from "../jsonmodule/emjson/hcdaOption.json";
import syscop from "../jsonmodule/emjson/syscop.json";
import sysCold from "../jsonmodule/emjson/sysCold.json";
import cdaOption from "../jsonmodule/emjson/cdaOption.json";
import SystemCopTrendscOption from "../jsonmodule/emjson/SystemCopTrendscOption.json";
export default {
  components: {
    vechart: () => import("@components/charts/Vechart.vue"),
    mytable: () => import("../common/Mytable.vue"),
  },
  data() {
    return {
      electromechanicalList: JSON.parse(
        localStorage.getItem("electromechanicalList")
      ),
      queryCopPercentageDesc: {},
      queryHcdaAndLcdaDataDesc: {},
      queryelectromechanicalElectricityDesc: [],
      queryBovPercentageDesc: {}, //bov占比趋势分析描述
      piesColdwater: piesColdwater,
      lowkongya: lowkongya,
      centerAI: centerAI,
      lowtemperature: lowtemperature,
      heighkongya: heighkongya,
      hcdarun: hcdarun,
      lcdarun: lcdarun,
      emlineOption: emlineOption, //PV 压力曲线配置文件
      cdalineOption: cdalineOption, //CDA系统运行日报-主管压力趋势
      emtemperatureOption: emtemperatureOption, //CDA露点温度趋势
      bovOption: bovOption, //主机BOV关闭度历史占比与转化率分析
      HostCOPHistoricalOption: HostCOPHistoricalOption, //主机cop历史占比分析
      syscop: syscop, //系统COP能效趋势分析
      sysCold: sysCold, //系统制冷负荷趋势分析
      centerOption: centerOption, //中温冰机末端流量趋势分析
      singleLine: singleLine, //CDA转化率
      lcdaOption: lcdaOption, //
      hcdaOption: hcdaOption,
      cdaOption: cdaOption,
      SystemCopTrendscOption: SystemCopTrendscOption, //系统COP能效趋势分析
      SystemEnergyEfficiencyTrendscObj: {},
      TrendAnalysisOfRefrigerationLoadObj: {},
      HostCOPHistoricalProportionObj: {},
      pvPressure: {},
      cdaSystem: {},
      temperatureObj: {},
      bovObj: {},
      centerOptionObj: {},
      ConversionRateTrendObj: {}, //cda转化率
      clodMachineReport: {}, //冰机能耗报告
      tableData: [], //
      CDATerminusFlowObj: {}, //CDA末端流量趋势分析-CDA
      HCDATerminusFlowObj: {}, //CDA末端流量趋势分析-HCDA
      LCDATerminusFlowObj: {}, //CDA末端流量趋势分析-LCDA
      MiddleIceLastFlowObj: {}, // 中温冰机末端流量趋势分析
      queryHcdaStartupSuggestiondataObj: {}, // 高压压缩空气系统节能趋势分析
      queryLcdaStartupSuggestiondataObj: {}, // 低压压缩空气系统节能趋势分析
      queryLoweerStartupSuggestiondataObj: {}, // 低温冰水系统节能趋势分析
      queryMiddleStartupSuggestiondataObj: {}, // 中温冰水系统节能趋势分析

      queryHcdaRunTimeObj2: {}, // HCDA运行时长
      queryLcdaRunTimeObj: {}, // LCDA运行时长

      queryLowtime: {}, //低温冰机运行时长

      queryMiddletime: {}, //中温冰机运行时长
      copdata1: [],
      copdata2: [],
      copdata3: [],
      copdata4: [],
      copdata5: [],
      syscolddata1: [],
      syscolddata2: [],
    };
  },
  created() {
    this.initData();
    this.initDataDesc();
  },
  methods: {
    fmcsTableRowClassName({ row, rowIndex }) {
      if (rowIndex % 2 == 1) {
        return "statistics-warning-row";
      } else {
        return "";
      }
    },
    async initData() {
      //PV 压力曲线数据
      const pvPressureCurveData = await apis.pvPressureCurve();
      this.pvPressure = pvPressureCurveData.data.content;

      //CDA系统运行日报-CDA主管压力趋势
      const CDASupervisorPressureData = await apis.CDASupervisorPressure();
      this.cdaSystem = CDASupervisorPressureData.data.content;
      // console.log(this.cdaSystem, "CDA系统运行日报-CDA主管压力趋势");

      //CDA系统运行日报-CDA露点温度趋势
      const CDAdewPointTemperatureTrendData =
        await apis.CDAdewPointTemperatureTrend();
      this.temperatureObj = CDAdewPointTemperatureTrendData.data.content;

      //BOV关闭度历史占比与转化率
      const hostBOVClosureDegreeData = await apis.hostBOVClosureDegree();
      this.bovObj = hostBOVClosureDegreeData.data.content;
      // console.log(this.bovObj,'BOV关闭度历史占比与转化率')

      //中温冰机末端流量趋势分析
      const MiddleIceLastFlowData = await apis.queryMiddleIceLastFlow();
      this.MiddleIceLastFlowObj = MiddleIceLastFlowData.data.content;
      console.log(this.MiddleIceLastFlowObj, "中温冰机末端流量趋势分析1");

      //冰水能耗报告：系统COP能效趋势分析
      const SystemEnergyEfficiencyTrendscData =
        await apis.SystemEnergyEfficiencyTrendsc();
      this.SystemEnergyEfficiencyTrendscObj =
        SystemEnergyEfficiencyTrendscData.data.content;
      // console.log(this.SystemEnergyEfficiencyTrendscObj, "系统COP能效趋势分析");

      // 冰水能耗报告：主机COP历史占比分析
      const HostCOPHistoricalProportionData =
        await apis.HostCOPHistoricalProportion();
      this.HostCOPHistoricalProportionObj =
        HostCOPHistoricalProportionData.data.content;
      // console.log(this.HostCOPHistoricalProportionObj, "冰水能耗报告：主机COP历史占比分析");
      var copdataStr = this.HostCOPHistoricalProportionObj.opcname;

      this.copdata1 = copdataStr
        .substring(0, copdataStr.length - 1)
        .substr(1)
        .split(",");
      // console.log(copdata1,'999999999999')

      this.copdata2 = JSON.parse(
        this.HostCOPHistoricalProportionObj.lessThan70
      );
      this.copdata3 = JSON.parse(this.HostCOPHistoricalProportionObj.reach90);
      this.copdata4 = JSON.parse(this.HostCOPHistoricalProportionObj.reach100);
      this.copdata5 = JSON.parse(this.HostCOPHistoricalProportionObj.avgs);
      // console.log(this.copdata1,this.copdata2,this.copdata3,this.copdata4)
      // console.log(JSON.parse(this.HostCOPHistoricalProportionObj.lessThan70), "冰水能耗报告：主机COP历史占比分析");

      //系统制冷负荷趋势分析
      const TrendAnalysisOfRefrigerationLoadData =
        await apis.TrendAnalysisOfRefrigerationLoad();
      this.TrendAnalysisOfRefrigerationLoadObj =
        TrendAnalysisOfRefrigerationLoadData.data.content;
      console.log(
        this.TrendAnalysisOfRefrigerationLoadObj,
        "系统制冷负荷趋势分析"
      );

      //FMCS报警记录
      const fmcsAlarmRecordData = await apis.fmcsAlarmRecord();
      this.tableData = fmcsAlarmRecordData.data.content.electromechanicalList;
      // console.log(fmcsAlarmRecordData.data.content,'FMCS报警记录')

      //CDA转化率趋势
      const ConversionRateTrendData = await apis.ConversionRateTrend();
      this.ConversionRateTrendObj = ConversionRateTrendData.data.content;
      console.log(this.ConversionRateTrendObj, "CDA转化率趋势");

      // CDA末端流量趋势分析-CDA
      const CDATerminusFlowCDAData = await apis.CDATerminusFlowCDA();
      this.CDATerminusFlowObj = CDATerminusFlowCDAData.data.content;
      // console.log(this.CDATerminusFlowObj, "CDA末端流量趋势分析-CDA");

      // CDA末端流量趋势分析-HCDA
      const CDATerminusFlowHCDAData = await apis.CDATerminusFlowHCDA();
      this.HCDATerminusFlowObj = CDATerminusFlowHCDAData.data.content;
      // console.log(this.HCDATerminusFlowObj, "CDA末端流量趋势分析-HCDA");

      // CDA末端流量趋势分析-LCDA
      const CDATerminusFlowLCDAData = await apis.CDATerminusFlowLCDA();
      this.LCDATerminusFlowObj = CDATerminusFlowLCDAData.data.content;
      // console.log(this.LCDATerminusFlowObj, "CDA末端流量趋势分析-LCDA");
    },
    //描述性质的接口方法
    async initDataDesc() {
      // cop占比分析
      const queryCopPercentageData = await apis.queryCopPercentage();
      this.queryCopPercentageDesc = queryCopPercentageData.data.content;
      console.log(this.queryCopPercentageDesc, "cop占比分析");
      // 本期机电科共耗电____kWh，其中组成如下
      const queryelectromechanicalElectricityData =
        await apis.queryelectromechanicalElectricity();
      this.queryelectromechanicalElectricityDesc =
        queryelectromechanicalElectricityData.data.content;
      console.log(
        this.queryelectromechanicalElectricityDesc,
        "本期机电科共耗电"
      );
      //bov占比分析描述
      const queryBovPercentageData = await apis.queryBovPercentage();
      this.queryBovPercentageDesc = queryBovPercentageData.data.content;
      console.log(this.queryBovPercentageDesc, "bov占比分析描述————");

      //查询Hcda和lcda转化率
      const queryHcdaAndLcdaData = await apis.queryHcdaAndLcda();
      this.queryHcdaAndLcdaDataDesc = queryHcdaAndLcdaData.data.content;
      console.log(this.queryHcdaAndLcdaDataDesc, "查询Hcda和lcda转化率");

      //二期新增
      // 高压压缩空气系统节能趋势分析
      const queryHcdaStartupSuggestiondata =
        await apis.queryHcdaStartupSuggestion();
      this.queryHcdaStartupSuggestiondataObj =
        queryHcdaStartupSuggestiondata.data.content;
      console.log(
        this.queryHcdaStartupSuggestiondataObj,
        "高压压缩空气系统节能趋势分析"
      );

      const queryLcdaStartupSuggestiondata =
        await apis.queryLcdaStartupSuggestion();
      this.queryLcdaStartupSuggestiondataObj =
        queryLcdaStartupSuggestiondata.data.content;

      console.log(
        this.queryLcdaStartupSuggestiondataObj,
        "低压压缩空气系统节能趋势分析"
      );
      //低温冰水系统节能趋势分析
      const queryLoweerStartupSuggestiondata =
        await apis.queryLoweerStartupSuggestion();
      this.queryLoweerStartupSuggestiondataObj =
        queryLoweerStartupSuggestiondata.data.content;

      console.log(
        this.queryLoweerStartupSuggestiondataObj,
        "低温冰水系统节能趋势分析"
      );
      //中温冰水系统节能趋势分析
      const queryMiddleStartupSuggestion =
        await apis.queryMiddleStartupSuggestion();
      this.queryMiddleStartupSuggestiondataObj =
        queryMiddleStartupSuggestion.data.content;

      console.log(
        this.queryMiddleStartupSuggestiondataObj,
        "中温冰水系统节能趋势分析"
      );

      //HCDA运行时长
      const queryHcdaRunTimeDATA = await apis.queryHcdaRunTime();
      this.queryHcdaRunTimeObj2 = JSON.parse(queryHcdaRunTimeDATA.data.message);

      const queryLcdaRunTimeDATA = await apis.queryLcdaRunTime();
      this.queryLcdaRunTimeObj = JSON.parse(queryLcdaRunTimeDATA.data.message);

      console.log(this.queryLcdaRunTimeObj, "LCDA运行时长11111");

      const queryLowRunTimedata = await apis.queryLowRunTime();
      this.queryLowtime = JSON.parse(queryLowRunTimedata.data.message);
      console.log(this.queryLowtime, "低温冰机运行时长11111");

      const queryMiddleRunTimedata = await apis.queryMiddleRunTime();
      this.queryMiddletime = JSON.parse(queryMiddleRunTimedata.data.message);
      console.log(this.queryMiddletime, "中温冰机运行时长111111");
    },
  },
  computed: {
    //冰水系统和空压机用电量
    piesColdwaterData() {
      if (this.queryelectromechanicalElectricityDesc.length > 0) {
        return {
          ...this.piesColdwater,
          title: {
            ...this.piesColdwater.title,
            subtext:
              this.queryelectromechanicalElectricityDesc[0].allValue + " kWh",
          },
          series: [
            {
              ...this.piesColdwater.series[0],
              data: this.queryelectromechanicalElectricityDesc,
            },
          ],
        };
      } else {
        return this.piesColdwater;
      }
    },
    //高压压缩空气系统节能趋势分析
    heighkongyaData() {
      if (this.queryHcdaStartupSuggestiondataObj) {
        return {
          ...this.heighkongya,
          xAxis: [
            {
              ...this.heighkongya.xAxis[0],
              data: this.queryHcdaStartupSuggestiondataObj.time,
            },
          ],
          yAxis: [
            {
              type: "value",
              name: "功率(kWh)",
              min: 0,
              max: 100000,
              interval: 20000,
              axisLabel: {
                formatter: "{value}",
              },
            },
            {
              type: "value",
              name: "百分比(%)",
              min: 0,
              max: 5,
              interval: 1,
              axisLabel: {
                formatter: "{value}",
              },
            },
          ],
          series: [
            {
              ...this.heighkongya.series[0],
              name: "实际运行功率",
              barGap: "0%",
              data: this.queryHcdaStartupSuggestiondataObj.relectricity,
              itemStyle: {
                normal: {
                  label: {
                    formatter: "{c}" + "(Kwh)",
                    show: true,
                    position: "top",
                    textStyle: {
                      color: "black",
                      fontSize: 10,
                    },
                  },
                },
              },
            },
            {
              ...this.heighkongya.series[1],
              name: "推荐运行功率",
              barGap: "0%",
              data: this.queryHcdaStartupSuggestiondataObj.selectricity,
              itemStyle: {
                normal: {
                  label: {
                    formatter: "{c}" + "(Kwh)",
                    show: true,
                    position: "top",
                    textStyle: {
                      color: "black",
                      fontSize: 10,
                    },
                  },
                },
              },
            },
            {
              ...this.heighkongya.series[2],
              name: "节能百分比趋势",
              data: this.queryHcdaStartupSuggestiondataObj.percentae,
            },
          ],
        };
      } else {
        return this.heighkongya;
      }
    },
    //低压压缩空气系统节能趋势分析
    lowkongyaData() {
      if (this.queryLcdaStartupSuggestiondataObj) {
        return {
          ...this.lowkongya,
          xAxis: [
            {
              ...this.heighkongya.xAxis[0],
              data: this.queryLcdaStartupSuggestiondataObj.time,
            },
          ],
          yAxis: [
            {
              type: "value",
              name: "功率(kWh)",
              min: 0,
              max: 200000,
              interval: 40000,
              axisLabel: {
                formatter: "{value}",
              },
            },
            {
              type: "value",
              name: "百分比(%)",
              min: 0,
              max: 5,
              interval: 1,
              axisLabel: {
                formatter: "{value}",
              },
            },
          ],
          series: [
            {
              ...this.heighkongya.series[0],
              barGap: "0%",
              name: "实际运行功率",
              data: this.queryLcdaStartupSuggestiondataObj.relectricity,
              itemStyle: {
                normal: {
                  label: {
                    formatter: "{c}" + "(Kwh)",
                    show: true,
                    position: "top",
                    textStyle: {
                      color: "black",
                      fontSize: 10,
                    },
                  },
                },
              },
            },
            {
              ...this.heighkongya.series[1],
              name: "推荐运行功率",
              data: this.queryLcdaStartupSuggestiondataObj.selectricity,
              itemStyle: {
                normal: {
                  label: {
                    formatter: "{c}" + "(Kwh)",
                    show: true,
                    position: "top",
                    textStyle: {
                      color: "black",
                      fontSize: 10,
                    },
                  },
                },
              },
            },
            {
              ...this.heighkongya.series[2],
              name: "节能百分比趋势",
              data: this.queryLcdaStartupSuggestiondataObj.percentaeList,
            },
          ],
        };
      } else {
        return this.lowkongya;
      }
    },
    //中温冰水系统节能趋势分析
    centerkongyaData() {
      if (this.queryMiddleStartupSuggestiondataObj) {
        return {
          ...this.centerAI,
          xAxis: [
            {
              ...this.heighkongya.xAxis[0],
              data: this.queryMiddleStartupSuggestiondataObj.time,
            },
          ],
          yAxis: [
            {
              type: "value",
              name: "功率(kWh)",
              min: 0,
              max: 50000,
              interval: 10000,
              axisLabel: {
                formatter: "{value}",
              },
            },
            {
              type: "value",
              name: "百分比(%)",
              min: 0,
              max: 5,
              interval: 1,
              axisLabel: {
                formatter: "{value}",
              },
            },
          ],
          series: [
            {
              ...this.heighkongya.series[0],
              name: "实际运行功率",
              barGap: "0%",
              data: this.queryMiddleStartupSuggestiondataObj.relectricity,
              itemStyle: {
                normal: {
                  label: {
                    formatter: "{c}",
                    show: true,
                    position: "top",
                    textStyle: {
                      color: "black",
                      fontSize: 10,
                    },
                  },
                },
              },
            },
            {
              ...this.heighkongya.series[1],
              name: "推荐运行功率",
              data: this.queryMiddleStartupSuggestiondataObj.selectricity,
              itemStyle: {
                normal: {
                  label: {
                    formatter: "{c}",
                    show: true,
                    position: "top",
                    textStyle: {
                      color: "black",
                      fontSize: 10,
                    },
                  },
                },
              },
            },
            {
              ...this.heighkongya.series[2],
              name: "节能百分比趋势",
              data: this.queryMiddleStartupSuggestiondataObj.percentaeList,
            },
          ],
        };
      } else {
        return this.centerAI;
      }
    },
    //低温冰水系统节能趋势分析
    lowtemperaturedata() {
      if (this.queryLoweerStartupSuggestiondataObj) {
        return {
          ...this.lowtemperature,
          xAxis: [
            {
              ...this.heighkongya.xAxis[0],
              data: this.queryLoweerStartupSuggestiondataObj.time,
            },
          ],
          yAxis: [
            {
              type: "value",
              name: "功率(kWh)",
              min: 0,
              max: 250000,
              interval: 50000,
              axisLabel: {
                formatter: "{value}",
              },
            },
            {
              type: "value",
              name: "百分比(%)",
              min: 0,
              max: 5,
              interval: 1,
              axisLabel: {
                formatter: "{value}",
              },
            },
          ],
          series: [
            {
              ...this.heighkongya.series[0],
              name: "实际运行功率",
              barGap: "0%",
              data: this.queryLoweerStartupSuggestiondataObj.relectricity,
              itemStyle: {
                normal: {
                  label: {
                    formatter: "{c}",
                    show: true,
                    position: "top",
                    textStyle: {
                      color: "black",
                      fontSize: 10,
                    },
                  },
                },
              },
            },
            {
              ...this.heighkongya.series[1],
              name: "推荐运行功率",
              data: this.queryLoweerStartupSuggestiondataObj.selectricity,
              itemStyle: {
                normal: {
                  label: {
                    formatter: "{c}",
                    show: true,
                    position: "top",
                    textStyle: {
                      color: "black",
                      fontSize: 10,
                    },
                  },
                },
              },
            },
            {
              ...this.heighkongya.series[2],
              name: "节能百分比趋势",
              data: this.queryLoweerStartupSuggestiondataObj.percentaeList,
            },
          ],
        };
      } else {
        return this.lowtemperature;
      }
    },
    //HCDA运行时场
    hcdarunData() {
      if (this.queryHcdaRunTimeObj2 && this.queryHcdaRunTimeObj2.time) {
        return {
          ...this.hcdarun,
          xAxis: [
            {
              ...this.hcdarun.xAxis[0],
              data: this.queryHcdaRunTimeObj2.time,
            },
          ],
          yAxis: [
            {
              type: "value",
              name: "时长(分钟)",
              min: 0,
              max: 240,
              interval: 40,
              axisLabel: {
                formatter: "{value}",
              },
            },
            {
              type: "value",
              name: "负载率(%)",
              min: 0,
              max: 180,
              interval: 30,
              axisLabel: {
                formatter: "{value}",
              },
            },
          ],
          series: [
            {
              ...this.hcdarun.series[0],
              name: "实际运行时长",
              barGap: "0%",
              barWidth: 35,
              data: this.queryHcdaRunTimeObj2.value.realityRuntime,
              itemStyle: {
                normal: {
                  label: {
                    formatter: "{c}",
                    show: true,
                    position: "top",
                    textStyle: {
                      color: "black",
                      fontSize: 10,
                    },
                  },
                },
              },
            },
            {
              ...this.hcdarun.series[1],
              name: "实际运行负载率",
              data: this.queryHcdaRunTimeObj2.value.realLoadRate,
            },
            {
              ...this.hcdarun.series[2],
              name: "推荐运行时长",
              barWidth: 35,
              data: this.queryHcdaRunTimeObj2.value.recommendRuntime,
              itemStyle: {
                normal: {
                  label: {
                    formatter: "{c}",
                    show: true,
                    position: "top",
                    textStyle: {
                      color: "black",
                      fontSize: 10,
                    },
                  },
                },
              },
            },
            {
              ...this.hcdarun.series[3],
              name: "推荐运行负载率",
              data: this.queryHcdaRunTimeObj2.value.recommendLoadRate,
            },
          ],
        };
      } else {
        return this.hcdarun;
      }
    },
    lcdarunData() {
      if (this.queryLcdaRunTimeObj && this.queryLcdaRunTimeObj.time) {
        console.log(this.queryLcdaRunTimeObj);
        return {
          ...this.lcdarun,
          xAxis: [
            {
              ...this.lcdarun.xAxis[0],
              data: this.queryLcdaRunTimeObj.time,
            },
          ],
          yAxis: [
            {
              type: "value",
              name: "时长(分钟)",
              min: 0,
              max: 240,
              interval: 40,
              axisLabel: {
                formatter: "{value}",
              },
            },
            {
              type: "value",
              name: "负载率(%)",
              min: 0,
              max: 180,
              interval: 30,
              axisLabel: {
                formatter: "{value}",
              },
            },
          ],
          series: [
            {
              ...this.lcdarun.series[0],
              name: "实际运行时长",
              barGap: "0%",
              barWidth: 35,
              data: this.queryLcdaRunTimeObj.value.realityRuntime,
              itemStyle: {
                normal: {
                  label: {
                    formatter: "{c}",
                    show: true,
                    position: "top",
                    textStyle: {
                      color: "black",
                      fontSize: 10,
                    },
                  },
                },
              },
            },
            {
              ...this.lcdarun.series[1],
              name: "实际运行负载率",
              data: this.queryLcdaRunTimeObj.value.realLoadRate,
            },
            {
              ...this.lcdarun.series[2],
              name: "推荐运行时长",
              barWidth: 35,
              data: this.queryLcdaRunTimeObj.value.recommendRuntime,
              itemStyle: {
                normal: {
                  label: {
                    formatter: "{c}",
                    show: true,
                    position: "top",
                    textStyle: {
                      color: "black",
                      fontSize: 10,
                    },
                  },
                },
              },
            },
            {
              ...this.lcdarun.series[3],
              name: "推荐运行负载率",
              data: this.queryLcdaRunTimeObj.value.recommendLoadRate,
            },
          ],
        };
      } else {
        return this.lcdarun;
      }
    },

    Middletime() {
      if (this.queryMiddletime && this.queryMiddletime.time) {
        console.log(this.queryMiddletime);
        return {
          ...this.lcdarun,
          xAxis: [
            {
              ...this.lcdarun.xAxis[0],
              data: this.queryMiddletime.time,
            },
          ],
          yAxis: [
            {
              type: "value",
              name: "时长(分钟)",
              min: 0,
              max: 240,
              interval: 40,
              axisLabel: {
                formatter: "{value}",
              },
            },
            {
              type: "value",
              name: "负载率(%)",
              min: 0,
              max: 180,
              interval: 30,
              axisLabel: {
                formatter: "{value}",
              },
            },
          ],
          series: [
            {
              ...this.lcdarun.series[0],
              name: "实际运行时长",
              barGap: "0%",
              barWidth: 35,
              data: this.queryMiddletime.value.realityRuntime,
              itemStyle: {
                normal: {
                  label: {
                    formatter: "{c}",
                    show: true,
                    position: "top",
                    textStyle: {
                      color: "black",
                      fontSize: 10,
                    },
                  },
                },
              },
            },
            {
              ...this.lcdarun.series[1],
              name: "实际运行负载率",
              data: this.queryMiddletime.value.realLoadRate,
            },
            {
              ...this.lcdarun.series[2],
              name: "推荐运行时长",
              barWidth: 35,
              data: this.queryMiddletime.value.recommendRuntime,
              itemStyle: {
                normal: {
                  label: {
                    formatter: "{c}",
                    show: true,
                    position: "top",
                    textStyle: {
                      color: "black",
                      fontSize: 10,
                    },
                  },
                },
              },
            },
            {
              ...this.lcdarun.series[3],
              name: "推荐运行负载率",
              data: this.queryMiddletime.value.recommendLoadRate,
            },
          ],
        };
      } else {
        return this.lcdarun;
      }
    },

    Lowtime() {
      if (this.queryLowtime && this.queryLowtime.time) {
        console.log(this.queryLowtime);
        return {
          ...this.lcdarun,
          xAxis: [
            {
              ...this.lcdarun.xAxis[0],
              data: this.queryLowtime.time,
            },
          ],
          yAxis: [
            {
              type: "value",
              name: "时长(分钟)",
              min: 0,
              max: 240,
              interval: 40,
              axisLabel: {
                formatter: "{value}",
              },
            },
            {
              type: "value",
              name: "负载率(%)",
              min: 0,
              max: 180,
              interval: 30,
              axisLabel: {
                formatter: "{value}",
              },
            },
          ],
          series: [
            {
              ...this.lcdarun.series[0],
              name: "实际运行时长",
              barGap: "0%",
              barWidth: 35,
              data: this.queryLowtime.value.realityRuntime,
              itemStyle: {
                normal: {
                  label: {
                    formatter: "{c}",
                    show: true,
                    position: "top",
                    textStyle: {
                      color: "black",
                      fontSize: 10,
                    },
                  },
                },
              },
            },
            {
              ...this.lcdarun.series[1],
              name: "实际运行负载率",
              data: this.queryLowtime.value.realLoadRate,
            },
            {
              ...this.lcdarun.series[2],
              name: "推荐运行时长",
              barWidth: 35,
              data: this.queryLowtime.value.recommendRuntime,
              itemStyle: {
                normal: {
                  label: {
                    formatter: "{c}",
                    show: true,
                    position: "top",
                    textStyle: {
                      color: "black",
                      fontSize: 10,
                    },
                  },
                },
              },
            },
            {
              ...this.lcdarun.series[3],
              name: "推荐运行负载率",
              data: this.queryLowtime.value.recommendLoadRate,
            },
          ],
        };
      } else {
        return this.lcdarun;
      }
    },
    //PV 压力曲线数据
    emlineOptionData() {
      if (this.pvPressure) {
        // const formatter = function(value, index) {
        //   return new Date(Date.parse(value)).switch("MM月dd日");
        // };
        return {
          ...this.emlineOption,
          xAxis: {
            ...this.emlineOption.xAxis,
            data: this.pvPressure.time,
            axisLabel: {
              ...this.emlineOption.xAxis.axisLabel,
              // formatter: formatter
            },
          },
          series: [
            { ...this.emlineOption.series[0], data: this.pvPressure.hcda },
            { ...this.emlineOption.series[1], data: this.pvPressure.lcda },
          ],
        };
      } else {
        return this.emlineOption;
      }
    },
    //CDA系统运行日报-主管压力趋势数据
    cdaSystemOptionData() {
      if (this.cdaSystem) {
        // const formatter = function(value, index) {
        //   return new Date(Date.parse(value)).switch("MM月dd日");
        // };
        return {
          ...this.cdalineOption,
          xAxis: {
            ...this.cdalineOption.xAxis,
            data: this.cdaSystem.time,
            axisLabel: {
              ...this.cdalineOption.xAxis.axisLabel,
              // formatter: formatter
            },
          },
          series: [
            { ...this.cdalineOption.series[0], data: this.cdaSystem.hcda },
            { ...this.cdalineOption.series[1], data: this.cdaSystem.lcda },
          ],
        };
      } else {
        return this.cdalineOption;
      }
    },
    //CDA露点温度趋势数据
    temperatureOptionData() {
      if (this.temperatureObj) {
        // const formatter = function(value, index) {
        //   return new Date(Date.parse(value)).switch("MM月dd日");
        // };
        return {
          ...this.emtemperatureOption,
          xAxis: {
            ...this.emtemperatureOption.xAxis,
            data: this.temperatureObj.time,
            axisLabel: {
              ...this.emtemperatureOption.xAxis.axisLabel,
              // formatter: formatter
            },
          },
          series: [
            {
              ...this.emtemperatureOption.series[0],
              data: this.temperatureObj.hcda,
            },
            {
              ...this.emtemperatureOption.series[1],
              data: this.temperatureObj.lcda,
            },
          ],
        };
      } else {
        return this.emtemperatureOption;
      }
    },
    //主机BOV关闭度历史占比与转化率分析
    bovOptionData() {
      if (this.bovObj.opcnameList) {
        return {
          ...this.bovOption,
          series: [
            { ...this.bovOption.series[0], data: this.bovObj.lessThan70List },
            { ...this.bovOption.series[1], data: this.bovObj.reach90List },
            { ...this.bovOption.series[2], data: this.bovObj.reach100List },
            // { ...this.bovOption.series[3], data: this.bovObj.opcidList }
          ],
          xAxis: {
            ...this.bovOption.xAxis[0],
            data: this.bovObj.opcnameList,
          },
          yAxis: {
            ...this.bovOption.yAxis[0],
            axisLable: {
              ...this.bovOption.yAxis.axisLable,
              formatter: function (value, index) {
                var value1;
                if (value >= 1000) {
                  value1 = value / 1000 + "k";
                } else if (value < 1000) {
                  value1 = value;
                }
                return value1;
              },
            },
          },
        };
        return this.bovOption;
      } else {
        return this.bovOption;
      }
    },
    //主机COP历史占比分析
    HostCOPHistoricalData() {
      // return this.HostCOPHistoricalOption;
      if (this.HostCOPHistoricalProportionObj.opcname) {
        return {
          ...this.HostCOPHistoricalOption,
          series: [
            { ...this.HostCOPHistoricalOption.series[0], data: this.copdata2 },
            { ...this.HostCOPHistoricalOption.series[1], data: this.copdata3 },
            { ...this.HostCOPHistoricalOption.series[2], data: this.copdata4 },
            { ...this.HostCOPHistoricalOption.series[3], data: this.copdata5 },
          ],
          xAxis: {
            ...this.HostCOPHistoricalOption.xAxis[0],
            data: this.copdata1,
          },
        };
        // return this.HostCOPHistoricalOption;
      } else {
        return this.HostCOPHistoricalOption;
      }
    },

    syscopData() {
      // return this.syscop;

      if (this.SystemEnergyEfficiencyTrendscObj.time) {
        // const formatter = function(value, index) {
        //   return new Date(Date.parse(value)).switch("MM月dd日");
        // };
        return {
          ...this.syscop,
          xAxis: {
            ...this.syscop.xAxis,
            data: this.SystemEnergyEfficiencyTrendscObj.time,
          },
          series: [
            {
              ...this.syscop.series[0],
              data: this.SystemEnergyEfficiencyTrendscObj.middle,
            },
            {
              ...this.syscop.series[1],
              data: this.SystemEnergyEfficiencyTrendscObj.low,
            },
          ],
        };
      } else {
        return this.syscop;
      }
    },
    sysColdData() {
      // return this.sysCold;
      if (this.TrendAnalysisOfRefrigerationLoadObj) {
        // const formatter = function(value, index) {
        //   return new Date(Date.parse(value)).switch("MM月dd日");
        // };
        return {
          ...this.sysCold,
          xAxis: {
            ...this.sysCold.xAxis,
            // data: this.HCDATerminusFlowObj.time,
            axisLabel: {
              ...this.sysCold.xAxis.axisLabel,
              // formatter: formatter
            },
            data: this.TrendAnalysisOfRefrigerationLoadObj.time,
          },
          series: [
            {
              ...this.sysCold.series[0],
              data: this.TrendAnalysisOfRefrigerationLoadObj.middle,
            },
            {
              ...this.sysCold.series[1],
              data: this.TrendAnalysisOfRefrigerationLoadObj.low,
            },
          ],
        };
      } else {
        return this.sysCold;
      }
    },
    //中温冰机末端流量趋势分析
    centerOptionObjData() {
      // return this.centerOption;
      if (this.MiddleIceLastFlowObj.value) {
        // const formatter = function(value, index) {
        //   return new Date(Date.parse(value)).switch("MM月dd日");
        // };
        return {
          ...this.centerOption,
          xAxis: {
            ...this.centerOption.xAxis,
            data: this.MiddleIceLastFlowObj.time,
            axisLabel: {
              ...this.centerOption.xAxis.axisLabel,
              // formatter: formatter
            },
          },
          series: [
            {
              ...this.centerOption.series[0],
              data: this.MiddleIceLastFlowObj.value.MAU,
            },
            {
              ...this.centerOption.series[1],
              data: this.MiddleIceLastFlowObj.value.PCW,
            },
            {
              ...this.centerOption.series[2],
              data: this.MiddleIceLastFlowObj.value.DCC,
            },
            {
              ...this.centerOption.series[3],
              data: this.MiddleIceLastFlowObj.value.other,
            },
          ],
        };
      } else {
        return this.centerOption;
      }
    },
    //CDA转化率趋势
    ConversionRateTrendOption() {
      if (this.ConversionRateTrendObj) {
        // const formatter = function(value, index) {
        //   return new Date(Date.parse(value)).switch("MM月dd日");
        // };
        return {
          ...this.singleLine,
          xAxis: {
            ...this.singleLine.xAxis,
            data: this.ConversionRateTrendObj.time,
            axisLabel: {
              ...this.singleLine.xAxis.axisLabel,
              // formatter: formatter
            },
          },
          series: [
            {
              ...this.singleLine.series[0],
              data: this.ConversionRateTrendObj.hcda,
            },
            {
              ...this.singleLine.series[1],
              data: this.ConversionRateTrendObj.lcda,
            },
          ],
        };
      } else {
        return this.singleLine;
      }
    },
    //CDA末端流量趋势分析-lcda
    lcdaOptionObjData() {
      // return this.lcdaOption;
      if (this.LCDATerminusFlowObj.time) {
        // const formatter = function(value, index) {
        //   return new Date(Date.parse(value)).switch("MM月dd日");
        // };
        return {
          ...this.lcdaOption,
          xAxis: {
            ...this.lcdaOption.xAxis,
            data: this.LCDATerminusFlowObj.time,
            axisLabel: {
              ...this.lcdaOption.xAxis.axisLabel,
              // formatter: formatter
            },
          },
          series: [
            {
              ...this.lcdaOption.series[0],
              data: this.LCDATerminusFlowObj.array,
            },
            {
              ...this.lcdaOption.series[1],
              data: this.LCDATerminusFlowObj.mod,
            },
            {
              ...this.lcdaOption.series[2],
              data: this.LCDATerminusFlowObj.touch,
            },
            {
              ...this.lcdaOption.series[3],
              data: this.LCDATerminusFlowObj.el,
            },
          ],
        };
      } else {
        return this.lcdaOption;
      }
    },
    //CDA末端流量趋势分析-hcda
    hcdaOptionObjData() {
      // return this.hcdaOption;
      if (this.HCDATerminusFlowObj.time) {
        // const formatter = function(value, index) {
        //   return new Date(Date.parse(value)).switch("MM月dd日");
        // };
        return {
          ...this.hcdaOption,
          xAxis: {
            ...this.hcdaOption.xAxis,
            data: this.HCDATerminusFlowObj.time,
            axisLabel: {
              ...this.hcdaOption.xAxis.axisLabel,
              // formatter: formatter
            },
          },
          series: [
            {
              ...this.hcdaOption.series[0],
              data: this.HCDATerminusFlowObj.array,
            },
            {
              ...this.hcdaOption.series[1],
              data: this.HCDATerminusFlowObj.mod,
            },
            {
              ...this.hcdaOption.series[2],
              data: this.HCDATerminusFlowObj.touch,
            },
            {
              ...this.hcdaOption.series[3],
              data: this.HCDATerminusFlowObj.el,
            },
          ],
        };
      } else {
        return this.hcdaOption;
      }
    },
    //CDA末端流量趋势分析-cda
    cdaOptionObjData() {
      // return this.cdaOption;
      if (this.CDATerminusFlowObj.time) {
        // const formatter = function(value, index) {
        //   return new Date(Date.parse(value)).switch("MM月dd日");
        // };
        return {
          ...this.cdaOption,
          xAxis: {
            ...this.cdaOption.xAxis,
            data: this.CDATerminusFlowObj.time,
            axisLabel: {
              ...this.cdaOption.xAxis.axisLabel,
              // formatter: formatter
            },
          },
          series: [
            {
              ...this.cdaOption.series[0],
              data: this.CDATerminusFlowObj.hcda,
            },
            {
              ...this.cdaOption.series[1],
              data: this.CDATerminusFlowObj.lcda,
            },
          ],
        };
      } else {
        return this.cdaOption;
      }
    },
  },
};
</script>
<style lang="scss" scoped>
.em_box {
  // height: 666px;
  // background-color: #bbb;
  .content {
    margin: 0 auto;
    width: 1280px;
    background-color: #eee;
    .model_title {
      width: 100%;
      height: 88px;
      background: url("../../../../../assets/report/ectitle.jpg") no-repeat
        center;
      background-size: cover;
      text-align: center;
      line-height: 88px;
      font-size: 42px;

      font-weight: bold;
      color: #000000;
    }
    .echart_card {
      width: 100%;
      padding: 2% 4.5%;
      .card_title {
        height: 70px;
        width: 100%;
        line-height: 70px;
        padding-left: 48px;
        font-size: 30px;
        background: #5ea9fd;
        border-radius: 15px 15px 0px 0px;
        font-weight: bold;
        color: #ffffff;
      }
      .echarts_data {
        width: 100%;
        padding-top: 12px;
        height: 360px;
        background: #ffffff;
        border-radius: 0px 0px 15px 15px;
      }
      .cda_height {
        width: 100%;
        padding-top: 12px;

        background: #ffffff;
        border-radius: 0px 0px 15px 15px;
      }
      .table_data {
        padding-top: 22px;
      }
      .cc_data {
        border-radius: 0px 0px 15px 15px;
        width: 100%;
        background: #ffffff;
        height: 100px;
        text-align: center;
        line-height: 100px;
        font-size: 40px;
        font-weight: bold;
        color: #333333;
      }
      p {
        color: #000000;
        font-size: 24px;
      }
    }
  }
}
.padding {
  padding: 30px;
}
/deep/.el-table__row.statistics-warning-row {
  background-color: #def6fb;
}
.clean_title {
  text-align: center;
  font-size: 18px;
  color: #000000;
}
.items_chart {
  height: 330px;
}
</style>
